@import './vars';
.main-app {
  .nav {
    background: #4d4d4d;
    color: white;
    .el-dropdown {
      color: white !important;
    }
  }
  .left .el-menu {
    background: url('../images/left-bg.png') no-repeat fixed 0 100%;

    .el-submenu.is-opened {
      background: #fff7f8;
    }
  }
  .el-row--flex {
    flex-wrap: wrap;

    .el-form-item__content {
      > * {
        width: 100%;
        box-sizing: border-box;
      }
    }
  }
  .el-table {
    &.el-table--border .el-table__body-wrapper {
      box-sizing: border-box;
      // border-right: 1px solid #EBEEF5;
    }
    th {
      background: #fafafa;
    }
    td {
      &.cell-red {
        background-color: #f56c6c;
        color: white;
      }
      &.cell-green {
        background-color: #67c23a;
        color: white;
      }
      &.cell-yellow {
        background-color: #e6a23c;
        color: white;
      }
    }
    .el-date-editor {
      width: 138px;
    }
  }

  .el-dialog {
    .el-dialog__header {
      border-bottom: 1px solid #ebeef5;
    }
    .el-dialog__body {
      padding: 16px;
    }
    .el-dialog__footer {
      border-top: 1px solid #ebeef5;
      padding: 16px;
    }
  }
  .content-view,
  .el-tab-pane {
    > .el-loading-mask {
      min-height: calc(100vh - 52px - 10px - 40px - 20px - 2px);
      .el-loading-spinner {
        top: calc(50vh - 52px - 10px - 40px - 20px - 2px);
      }
    }
  }
  .el-input-group__append {
    .el-button.is-disabled:hover {
      background-color: transparent;
      border-color: transparent;
    }
  }
  // 数组表单样式修改
  .group-form {
    .el-form-item--small.el-form-item {
      margin-bottom: 0;
    }
    .el-icon-circle-plus-outline {
      margin-top: 6px;
    }
  }
  .color-red {
    color: #f56c6c;
  }
  .color-green {
    color: #67c23a;
  }
  .color-yellow {
    color: #e6a23c;
  }
  .el-form-item .el-col .el-form-item {
    display: flex;
    .el-form-item__content {
      flex: 1 1 auto;
    }
  }
  .el-form-item > .el-form-item__content {
    & > * {
      width: 100%;
    }
  }

  .warning-status {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #d8dbe8;
    & + * {
      margin-left: 10px;
    }
    &.red {
      background: #f00;
    }
    &.yellow {
      background: #ff0;
    }
    &.blue {
      background: #0d35e8;
    }
    &.orange {
      background: orange;
    }
    &.green {
      background: #58b99d;
    }
  }
  .el-form .is-disabled * {
    color: #606266 !important;
  }
}
.el-table {
  .el-table__body tr.current-row > td {
    // 表格选中背景色和文字 颜色改变
    background-color: #c73632 !important;
    color: white;
  }
  .el-table__empty-block {
    width: 100% !important;
  }
}
.vxe-table {
  .vxe-table--fixed-right-wrapper.scrolling--middle {
    box-shadow: -4px 0 4px 0 rgba(0, 0, 0, 0.06) !important;
  }
  .vxe-table--header {
    color: #909399;
  }
  &.size--small {
    font-size: 12px !important;
  }
  .vxe-table--empty-placeholder {
    border-bottom: 1px solid #ebeef5;
    color: #909399;
    top: 38px !important;
  }
  .vxe-table--empty-block {
    width: 100% !important;
  }
  .is--indeterminate.vxe-cell--checkbox .vxe-checkbox--icon:before,
  .vxe-checkbox--checked-icon:before {
    color: $--color-primary !important;
    border-color: $--color-primary !important;
    background-color: $--color-primary !important;
  }
  .vxe-cell--checkbox:not(.is--disabled):hover .vxe-checkbox--icon:before {
    border-color: $--color-primary !important;
  }
  .vxe-checkbox--icon:before {
    border-width: 1px !important;
  }
  .vxe-table--header-wrapper {
    background-color: #fafafa !important;
  }
}
.vxe-table--tooltip-wrapper {
  z-index: 3000 !important;
}

.el-form-item {
  &.form-item-no-margin {
    margin-bottom: 0;
  }
}
.form.el-collapse {
  border-top: none;
  .el-collapse-item__wrap {
    border: none;
  }
  .el-collapse-item__header {
    font-size: 16px;
    font-weight: bold;
    margin-left: 10px;
  }
}
